import React from 'react';
import IndexStyle from '../style/index.scss';
import Swiper from '../js/swiper.min.js'; 
export default class Main extends React.Component {
    render(){
		var style1 = {backgroundImage:"url(https://y.gtimg.cn/music/common/upload/t_focus_info_iphone/113007.jpg)"};
		var style2 = {backgroundImage:"url(https://y.gtimg.cn/music/common/upload/t_focus_info_iphone/112617.jpg)"};
		var style = {overflow:"hidden"};
		
        return(
            <div id="main" >
             <div className="newsong">
					<div className="newsong-main">
						<div className="newsong-main-title">
							<h2>新歌首发</h2>
							<div className="left-line"></div>
							<div className="right-line"></div>
						</div>
						<div className="newsongrouter container">
							<ul>
								<li><a href="#">内地</a></li>
								<li><a href="#about">港台</a></li>
								<li><a href="#contact">欧美</a></li>
								<li><a href="#">韩国</a></li>
								<li><a href="#contact">日本</a></li>
							</ul>
						</div>
						<div className="lunbo1">
							<div className="swiper-container">
								<div className="parallax-bg" data-swiper-parallax="-23%"></div>
								<div className="swiper-wrapper">
									<div className="swiper-slide">
										<ul>
											<li>
												<div className="list-box">
													<a href="##">
														<img src="https://y.gtimg.cn/music/photo_new/T002R300x300M000001RKh4Z2rLJ1F.jpg?max_age=2592000"/>
														<div className="gogogo"></div>
														<h4>DON'T MAKE A SOUND（抢听）</h4>
														<p>柯泯薰</p>
													</a>
												</div>
											</li>
											<li>
												<div className="list-box">
													<a href="##">
														<img src="https://y.gtimg.cn/music/photo_new/T002R300x300M000003ZUBMa21q8LN.jpg?max_age=2592000"/>
														<div className="gogogo"></div>
														<h4>岁月神偷</h4>
														<p>周笔畅</p>
													</a> 
												</div>
											</li>
											<li>
												<div className="list-box">
													<a href="##">
														<img src="https://y.gtimg.cn/music/photo_new/T002R300x300M000001RKh4Z2rLJ1F.jpg?max_age=2592000" />
														<div className="gogogo"></div>
														<h4>DON'T MAKE A SOUND（抢听）</h4>
														<p>柯泯薰</p>
													</a>
												</div>
											</li>
											<li>
												<div className="list-box">
													<a href="##">
														<img src="https://y.gtimg.cn/music/photo_new/T002R300x300M000003ZUBMa21q8LN.jpg?max_age=2592000" />
														<div className="gogogo"></div>
														<h4>岁月神偷</h4>
														<p>周笔畅</p>
													</a>
												</div>
											</li>
										</ul>
									</div>
									<div className="swiper-slide">
										<ul>
											<li>
												<div className="list-box">
													<a href="##">
														<img src="https://y.gtimg.cn/music/photo_new/T002R300x300M000001RKh4Z2rLJ1F.jpg?max_age=2592000"/>
														<div className="gogogo"></div>
														<h4>DON'T MAKE A SOUND（抢听）</h4>
														<p>柯泯薰</p>
													</a>
												</div>
											</li>
											<li>
												<div className="list-box">
													<a href="##">
														<img src="https://y.gtimg.cn/music/photo_new/T002R300x300M000001RKh4Z2rLJ1F.jpg?max_age=2592000"/>
														<div className="gogogo"></div>
														<h4>DON'T MAKE A SOUND（抢听）</h4>
														<p>柯泯薰</p>
													</a>
												</div>
											</li>
											<li>
												<div className="list-box">
													<a href="##">
														<img src="https://y.gtimg.cn/music/photo_new/T002R300x300M000001RKh4Z2rLJ1F.jpg?max_age=2592000"/>
														<div className="gogogo"></div>
														<h4>DON'T MAKE A SOUND（抢听）</h4>
														<p>柯泯薰</p>
													</a>
												</div>
											</li>
											<li>
												<div className="list-box">
													<a href="##">
														<img src="https://y.gtimg.cn/music/photo_new/T002R300x300M000001RKh4Z2rLJ1F.jpg?max_age=2592000"/>
														<div className="gogogo"></div>
														<h4>DON'T MAKE A SOUND（抢听）</h4>
														<p>柯泯薰</p>
													</a>
												</div>
											</li>
										</ul>
									</div>
									<div className="swiper-slide">
										<ul>
											<li>
												<div className="list-box">
													<a href="##">
														<img src="https://y.gtimg.cn/music/photo_new/T002R300x300M000001RKh4Z2rLJ1F.jpg?max_age=2592000"/>
														<div className="gogogo"></div>
														<h4>DON'T MAKE A SOUND（抢听）</h4>
														<p>柯泯薰</p>
													</a>
												</div>
											</li>
											<li>
												<div className="list-box">
													<a href="##">
														<img src="https://y.gtimg.cn/music/photo_new/T002R300x300M000003ZUBMa21q8LN.jpg?max_age=2592000"/>
														<div className="gogogo"></div>
														<h4>岁月神偷</h4>
														<p>周笔畅</p>
													</a>
												</div>
											</li>
											<li>
												<div className="list-box">
													<a href="##">
														<img src="https://y.gtimg.cn/music/photo_new/T002R300x300M000001RKh4Z2rLJ1F.jpg?max_age=2592000"/>
														<div className="gogogo"></div>
														<h4>DON'T MAKE A SOUND（抢听）</h4>
														<p>柯泯薰</p>
													</a>
												</div>
											</li>
											<li>
												<div className="list-box">
													<a href="##">
														<img src="https://y.gtimg.cn/music/photo_new/T002R300x300M000001RKh4Z2rLJ1F.jpg?max_age=2592000"/>
														<div className="gogogo"></div>
														<h4>DON'T MAKE A SOUND（抢听）</h4>
														<p>柯泯薰</p>
													</a>
												</div>
											</li>
										</ul>
									</div>
									<div className="swiper-slide">
										<ul>
											<li>
												<div className="list-box">
													<a href="##">
														<img src="https://y.gtimg.cn/music/photo_new/T002R300x300M000001RKh4Z2rLJ1F.jpg?max_age=2592000"/>
														<div className="gogogo"></div>
														<h4>DON'T MAKE A SOUND（抢听）</h4>
														<p>柯泯薰</p>
													</a>
												</div>
											</li>
											<li>
												<div className="list-box">
													<a href="##">
														<img src="https://y.gtimg.cn/music/photo_new/T002R300x300M000001RKh4Z2rLJ1F.jpg?max_age=2592000"/>
														<div className="gogogo"></div>
														<h4>DON'T MAKE A SOUND（抢听）</h4>
														<p>柯泯薰</p>
													</a>
												</div>
											</li>
											<li>
												<div className="list-box">
													<a href="##">
														<img src="https://y.gtimg.cn/music/photo_new/T002R300x300M000001RKh4Z2rLJ1F.jpg?max_age=2592000"/>
														<div className="gogogo"></div>
														<h4>DON'T MAKE A SOUND（抢听）</h4>
														<p>柯泯薰</p>
													</a>
												</div>
											</li>
											<li>
												<div className="list-box">
													<a href="##">
														<img src="https://y.gtimg.cn/music/photo_new/T002R300x300M000001RKh4Z2rLJ1F.jpg?max_age=2592000"/>
														<div className="gogogo"></div>
														<h4>DON'T MAKE A SOUND（抢听）</h4>
														<p>柯泯薰</p>
													</a>
												</div>
											</li>
										</ul>
									</div>
								</div>
								
								<div className="swiper-button-prev swiper-button-white"></div>
								<div className="swiper-button-next swiper-button-white"></div>
							</div>
							<div className="swiper-pagination swiper-pagination-white"></div>
						</div>
					</div>
				</div>
				
            
			
			
			
			
			
			
			
			
			
			
			
			
			 <div className="recommend">
	<div className="recommend-main">
		<div className="recommend-main-title">
			<h2>精彩推荐</h2>
			<div className="left-line"></div>
			<div className="right-line"></div>
		</div>
		<div className="lunbo2">
			<div className="swiper-container">
		        <div className="swiper-wrapper">
		            <div className="swiper-slide" style={style1} ></div>
		            <div className="swiper-slide" style={style2} ></div>
		            <div className="swiper-slide" style={style1}></div>
		            <div className="swiper-slide" style={style2}></div>
		            <div className="swiper-slide" style={style1} ></div>
		            <div className="swiper-slide" style={style2} ></div>
		            <div className="swiper-slide" style={style1} ></div>
		            <div className="swiper-slide" style={style2} ></div>
		        </div>
		    </div>
		    <div className="swiper-pagination"></div>
		</div>
	</div>
</div>
<div  className="toplist">
	    	<div  className="toplist-bg">
	    		<div  className="toplist-main">
	    			<div  className="toplist-main-title">
		    			<h2>排行榜</h2>
		    			<div  className="left-line"></div>
		    			<div  className="right-line"></div>
		    		</div>
		    		<div  className="toplist-main-list">
		    			<ul>
		    				<li  className="li1">
		    					<div  className="bg"></div>
		    					<div  className="toplist-main-list-title">
		    						<h3>巅峰榜</h3>
		    						<h2>流行指数</h2>
		    					</div>
		    					<div  className="no-action"></div>
		    					<div  className="action"></div>
		    					<ul  className="ul-ul">
		    						<li  className="li-li">
		    							<div  className="number">
		    								1
		    							</div>
		    							<div  className="songname">
		    								<a href="##">等我回家 (Live)</a>
		    							</div>
		    							<div  className="singername">
		    								<a href="##">薛之谦/王栎鑫</a>
		    							</div>
		    						</li>
		    						<li  className="li-li">
		    							<div  className="number">
		    								2
		    							</div>
		    							<div  className="songname">
		    								<a href="##">As If It’s Your Last (마지막처럼)</a>
		    							</div>
		    							<div  className="singername">
		    								<a href="##">BLACKPINK</a>
		    							</div>
		    						</li>
		    						<li  className="li-li">
		    							<div  className="number">
		    								3
		    							</div>
		    							<div  className="songname">
		    								<a href="##">追光者</a>
		    							</div>
		    							<div  className="singername">
		    								<a href="##">岑宁儿</a>
		    							</div>
		    						</li>
		    						<li  className="li-li">
		    							<div  className="number">
		    								4
		    							</div>
		    							<div  className="songname">
		    								<a href="##">那个男孩</a>
		    							</div>
		    							<div  className="singername">
		    								<a href="##">汪苏泷</a>
		    							</div>
		    						</li>
		    					</ul>
		    				</li>
		    				<li  className="li2">
		    					<div  className="bg"></div>
		    					<div  className="toplist-main-list-title">
		    						<h3>巅峰榜</h3>
		    						<h2>流行指数</h2>
		    					</div>
		    					<div  className="no-action"></div>
		    					<div  className="action"></div>
		    					<ul  className="ul-ul">
		    						<li  className="li-li">
		    							<div  className="number">
		    								1
		    							</div>
		    							<div  className="songname">
		    								<a href="##">等我回家 (Live)</a>
		    							</div>
		    							<div  className="singername">
		    								<a href="##">薛之谦/王栎鑫</a>
		    							</div>
		    						</li>
		    						<li  className="li-li">
		    							<div  className="number">
		    								2
		    							</div>
		    							<div  className="songname">
		    								<a href="##">As If It’s Your Last (마지막처럼)</a>
		    							</div>
		    							<div  className="singername">
		    								<a href="##">BLACKPINK</a>
		    							</div>
		    						</li>
		    						<li  className="li-li">
		    							<div  className="number">
		    								3
		    							</div>
		    							<div  className="songname">
		    								<a href="##">追光者</a>
		    							</div>
		    							<div  className="singername">
		    								<a href="##">岑宁儿</a>
		    							</div>
		    						</li>
		    						<li  className="li-li">
		    							<div  className="number">
		    								4
		    							</div>
		    							<div  className="songname">
		    								<a href="##">那个男孩</a>
		    							</div>
		    							<div  className="singername">
		    								<a href="##">汪苏泷</a>
		    							</div>
		    						</li>
		    					</ul>
		    				</li>
		    				<li  className="li3">
		    					<div  className="bg"></div>
		    					<div  className="toplist-main-list-title">
		    						<h3>巅峰榜</h3>
		    						<h2>流行指数</h2>
		    					</div>
		    					<div  className="no-action"></div>
		    					<div  className="action"></div>
		    					<ul  className="ul-ul">
		    						<li  className="li-li">
		    							<div  className="number">
		    								1
		    							</div>
		    							<div  className="songname">
		    								<a href="##">等我回家 (Live)</a>
		    							</div>
		    							<div  className="singername">
		    								<a href="##">薛之谦/王栎鑫</a>
		    							</div>
		    						</li>
		    						<li  className="li-li">
		    							<div  className="number">
		    								2
		    							</div>
		    							<div  className="songname">
		    								<a href="##">As If It’s Your Last (마지막처럼)</a>
		    							</div>
		    							<div  className="singername">
		    								<a href="##">BLACKPINK</a>
		    							</div>
		    						</li>
		    						<li  className="li-li">
		    							<div  className="number">
		    								3
		    							</div>
		    							<div  className="songname">
		    								<a href="##">追光者</a>
		    							</div>
		    							<div  className="singername">
		    								<a href="##">岑宁儿</a>
		    							</div>
		    						</li>
		    						<li  className="li-li">
		    							<div  className="number">
		    								4
		    							</div>
		    							<div  className="songname">
		    								<a href="##">那个男孩</a>
		    							</div>
		    							<div  className="singername">
		    								<a href="##">汪苏泷</a>
		    							</div>
		    						</li>
		    					</ul>
		    				</li>
		    				<li  className="li4">
		    					<div  className="bg"></div>
		    					<div  className="toplist-main-list-title">
		    						<h3>巅峰榜</h3>
		    						<h2>流行指数</h2>
		    					</div>
		    					<div  className="no-action"></div>
		    					<div  className="action"></div>
		    					<ul  className="ul-ul">
		    						<li  className="li-li">
		    							<div  className="number">
		    								1
		    							</div>
		    							<div  className="songname">
		    								<a href="##">等我回家 (Live)</a>
		    							</div>
		    							<div  className="singername">
		    								<a href="##">薛之谦/王栎鑫</a>
		    							</div>
		    						</li>
		    						<li  className="li-li">
		    							<div  className="number">
		    								2
		    							</div>
		    							<div  className="songname">
		    								<a href="##">As If It’s Your Last (마지막처럼)</a>
		    							</div>
		    							<div  className="singername">
		    								<a href="##">BLACKPINK</a>
		    							</div>
		    						</li>
		    						<li  className="li-li">
		    							<div  className="number">
		    								3
		    							</div>
		    							<div  className="songname">
		    								<a href="##">追光者</a>
		    							</div>
		    							<div  className="singername">
		    								<a href="##">岑宁儿</a>
		    							</div>
		    						</li>
		    						<li  className="li-li">
		    							<div  className="number">
		    								4
		    							</div>
		    							<div  className="songname">
		    								<a href="##">那个男孩</a>
		    							</div>
		    							<div  className="singername">
		    								<a href="##">汪苏泷</a>
		    							</div>
		    						</li>
		    					</ul>
		    				</li>
		    			</ul>
		    		</div>
	    		</div>
	    	</div>
	    </div>
		 <div  className="hotsong">
	    	<div  className="hotsong-main">
	    		<div  className="hotsong-main-title">
	    			<h2>热门歌单</h2>
	    			<div  className="left-line"></div>
	    			<div  className="right-line"></div>
	    		</div>
	    		<div  className="lunbo3">
	    			<div  className="swiper-container">
				        <div  className="swiper-wrapper">
				            <div  className="swiper-slide">
				            	<ul>
				            		<li>
				            			<a href="##">
				            				<img src="https://p.qpic.cn/music_cover/qTKgAXria5IC0DIibN2H9EiakLfo3QrxUdcmpOIJGJriaAwHlzI3SK4PuQ/300?n=1"/>
				            			</a>
				            			<a href="##">
				            				<h4>「酸爵士」充满迷幻色彩的爵士乐</h4>
				            			</a>
				            			<span>播放量：2.4万</span>
				            		</li>
				            		<li>
				            			<a href="##">
				            				<img src="https://p.qpic.cn/music_cover/etRVVF7aQu1fex4ZQECBHZ5U5GmwIFzYAXibErwicPxOwiaaoG7kgA6VQ/300?n=1"/>
				            			</a>
				            			<a href="##">
				            				<h4>「酸爵士」充满迷幻色彩的爵士乐</h4>
				            			</a>
				            			<span>播放量：2.4万</span>
				            		</li>
				            		<li>
				            			<a href="##">
				            				<img src="https://p.qpic.cn/music_cover/MhQ4bJBPt3Yt5icXyBGNhyIBwjKkZe7vvICkCTlicoLrDX00icXTqiaX5g/300?n=1"/>
				            			</a>
				            			<a href="##">
				            				<h4>「酸爵士」充满迷幻色彩的爵士乐</h4>
				            			</a>
				            			<span>播放量：2.4万</span>
				            		</li>
				            		<li>
				            			<a href="##">
				            				<img src="https://p.qpic.cn/music_cover/aL228icHlaKBwOycYS9L91FMrWGPDLt5NjPlhueWE8ibnibkAQVDnoJIg/300?n=1"/>
				            			</a>
				            			<a href="##">
				            				<h4>「酸爵士」充满迷幻色彩的爵士乐</h4>
				            			</a>
				            			<span>播放量：2.4万</span>
				            		</li>
				            	</ul>
				            </div>
				            <div  className="swiper-slide">
				            	<ul>
				            		<li>
				            			<a href="##">
				            				<img src="https://p.qpic.cn/music_cover/JBDCVgqXWXaYUvcsElqcicXthHDxnKMtnkfiaFE3BCY05FRJWMvch6yg/300?n=1"/>
				            				
				            			</a>
				            			<a href="##">
				            				<h4>「酸爵士」充满迷幻色彩的爵士乐</h4>
				            			</a>
				            			<span>播放量：2.4万</span>
				            		</li>
				            		<li>
				            			<a href="##">
				            				<img src="https://p.qpic.cn/music_cover/0D5Unc6BuPDfbMLbKgQeQPKIC4mQHhuia2Jd4sgJumWZCe11NaV2fOg/300?n=1"/>
				            			</a>
				            			<a href="##">
				            				<h4>「酸爵士」充满迷幻色彩的爵士乐</h4>
				            			</a>
				            			<span>播放量：2.4万</span>
				            		</li>
				            		<li>
				            			<a href="##">
				            				<img src="https://p.qpic.cn/music_cover/64laZ8jUvz4dwBMy5S1gj1LmjWgvcgZ2SwGdr59D98TRja9NTmQlVw/300?n=1"/>
				            			</a>
				            			<a href="##">
				            				<h4>「酸爵士」充满迷幻色彩的爵士乐</h4>
				            			</a>
				            			<span>播放量：2.4万</span>
				            		</li>
				            		<li>
				            			<a href="##">
				            				<img src="https://p.qpic.cn/music_cover/3G9zgTVAfaFXNyW4KnDxXclIQ2ZPLwrSmrKMGribu1ViaY7jrjzWndRg/300?n=1"/>
				            			</a>
				            			<a href="##">
				            				<h4>「酸爵士」充满迷幻色彩的爵士乐</h4>
				            			</a>
				            			<span>播放量：2.4万</span>
				            		</li>
				            	</ul>
				            </div>
				            <div  className="swiper-slide">
				            	<ul>
				            		<li>
				            			<a href="##">
				            				<img src="https://p.qpic.cn/music_cover/3muU7a1V0zLA3nHXrFRYxYeux3ibIsibaGJxj5JUCnYWqHFD4CjsIVNQ/300?n=1"/>
				            			</a>
				            			<a href="##">
				            				<h4>「酸爵士」充满迷幻色彩的爵士乐</h4>
				            			</a>
				            			<span>播放量：2.4万</span>
				            		</li>
				            		<li>
				            			<a href="##">
				            				<img src="https://p.qpic.cn/music_cover/xCubmCUxl5icKI16GSM3EX6eRX3AhDYy3rvITLDgpYVpLRDc1hxQGyw/300?n=1"/>
				            			</a>
				            			<a href="##">
				            				<h4>「酸爵士」充满迷幻色彩的爵士乐</h4>
				            			</a>
				            			<span>播放量：2.4万</span>
				            		</li>
				            		<li>
				            			<a href="##">
				            				<img src="https://p.qpic.cn/music_cover/ibPzAkkGP12P39PZOicvJrbRiawID3Miafgg0SqbK9IU6VRBzftiav6VlTg/300?n=1"/>
				            			</a>
				            			<a href="##">
				            				<h4>「酸爵士」充满迷幻色彩的爵士乐</h4>
				            			</a>
				            			<span>播放量：2.4万</span>
				            		</li>
				            		<li>
				            			<a href="##">
				            				<img src="https://p.qpic.cn/music_cover/IzXLVU2LmHt6bQg7vXk0up78kkhVic5agLBoj7Sqm8ZdES9ueG0Eia5g/300?n=1"/>
				            			</a>
				            			<a href="##">
				            				<h4>「酸爵士」充满迷幻色彩的爵士乐</h4>
				            			</a>
				            			<span>播放量：2.4万</span>
				            		</li>
				            	</ul>
				            </div>
				        </div>
				        <div  className="swiper-pagination swiper-pagination-white"></div>
				        <div  className="swiper-button-next swiper-button-white"></div>
				        <div  className="swiper-button-prev swiper-button-white"></div>
				    </div>
	    		</div>
	    	</div>
	    </div>
		<div  className="debut">
	    	<div  className="debut-main">
	    		<div  className="debut-main-title">
	    			<h2>MV首播</h2>
	    			<div  className="left-line"></div>
	    			<div  className="right-line"></div>
	    		</div>
	    		<div  className="debutrouter container">
			    	<ul>
			    		<li><a href="#">全部</a></li>
			            <li><a href="#">内地</a></li>
			            <li><a href="#about">港台</a></li>
			            <li><a href="#contact">欧美</a></li>
			            <li><a href="#">韩国</a></li>
			            <li><a href="#contact">日本</a></li>
			        </ul>
			    </div>
			    <div  className="debut-list">
			    	<ul>
			    		<li>
			    			<div  className="list-list">
			    				<div style={style}><img src="https://shp.qpic.cn/qqvideo_ori/0/y0024zhp2ku_360_204/0"/></div>
			    				<h3><a href="##">望 (《楚乔传》电视剧片头曲)</a></h3>
			    				<p><a href="##">张碧晨</a></p>
			    				<p>播放：4.6万</p>
			    			</div>
			    		</li>
			    		<li>
			    			<div  className="list-list">
			    				<div style={style}><img src="https://shp.qpic.cn/qqvideo_ori/0/m00240pahpk_360_204/0"/></div>
			    				<h3><a href="##">望 (《楚乔传》电视剧片头曲)</a></h3>
			    				<p><a href="##">张碧晨</a></p>
			    				<p>播放：4.6万</p>
			    			</div>
			    		</li>
			    		<li>
			    			<div  className="list-list">
			    				<div style={style}><img src="https://shp.qpic.cn/qqvideo_ori/0/y0024zhp2ku_360_204/0"/></div>
			    				<h3><a href="##">望 (《楚乔传》电视剧片头曲)</a></h3>
			    				<p><a href="##">张碧晨</a></p>
			    				<p>播放：4.6万</p>
			    			</div>
			    		</li>
			    		<li>
			    			<div  className="list-list">
			    				<div style={style}><img src="https://shp.qpic.cn/qqvideo_ori/0/m00240pahpk_360_204/0"/></div>
			    				<h3><a href="##">望 (《楚乔传》电视剧片头曲)</a></h3>
			    				<p><a href="##">张碧晨</a></p>
			    				<p>播放：4.6万</p>
			    			</div>
			    		</li>
			    		<li>
			    			<div  className="list-list">
			    				<div style={style}><img src="https://shp.qpic.cn/qqvideo_ori/0/y0024zhp2ku_360_204/0"/></div>
			    				<h3><a href="##">望 (《楚乔传》电视剧片头曲)</a></h3>
			    				<p><a href="##">张碧晨</a></p>
			    				<p>播放：4.6万</p>
			    			</div>
			    		</li>
			    		<li>
			    			<div  className="list-list">
			    				<div style={style}><img src="https://shp.qpic.cn/qqvideo_ori/0/m00240pahpk_360_204/0"/></div>
			    				<h3><a href="##">望 (《楚乔传》电视剧片头曲)</a></h3>
			    				<p><a href="##">张碧晨</a></p>
			    				<p>播放：4.6万</p>
			    			</div>
			    		</li>
			    		<li>
			    			<div  className="list-list">
			    				<div style={style}><img src="https://shp.qpic.cn/qqvideo_ori/0/y0024zhp2ku_360_204/0"/></div>
			    				<h3><a href="##">望 (《楚乔传》电视剧片头曲)</a></h3>
			    				<p><a href="##">张碧晨</a></p>
			    				<p>播放：4.6万</p>
			    			</div>
			    		</li>
			    		<li>
			    			<div  className="list-list">
			    				<div style={style}><img src="https://shp.qpic.cn/qqvideo_ori/0/m00240pahpk_360_204/0"/></div>
			    				<h3><a href="##">望 (《楚乔传》电视剧片头曲)</a></h3>
			    				<p><a href="##">张碧晨</a></p>
			    				<p>播放：4.6万</p>
			    			</div>
			    		</li>
			    	</ul>
			    </div>
	    	</div>	
	    </div>
</div>
        )
    }
}